<!DOCTYPE html>
<html>
<head>
	<title>Slimbox 2 example page</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript" src="js/slimbox2.js"></script>
	<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
	<style type="text/css">
		body {background-color: #fff; font-family: arial, helvetica, sans-serif; color: #000; } 
		h1, p {text-align: center; } 
		p {margin-top: 100px; } 
		a {font-weight: bold; color: #f00; }
	</style>
</head>
<body>
	<h1>Slimbox 2 example page</h1>
	<p>
		<a  title="Beautiful, isn't it?" target="_blank"><img width="120" height="90" alt="标题标题" src="0.jpg"/></a>
		<a  title="Beautiful, isn't it?" target="_blank"><img width="120" height="90" alt="标题标题" src="1.jpg"/></a>
		<a  title="Beautiful, isn't it?" target="_blank"><img width="120" height="90" alt="标题标题" src="2.jpg"/></a>
		<a  title="Beautiful, isn't it?" target="_blank"><img width="120" height="90" alt="标题标题" src="3.jpg"/></a>
	</p>
	<script type="text/javascript">
		$('a').each(function() {
			$(this).attr('href', $(this).find('img').attr('src'));
		}).slimbox()
	</script>
</body>
</html>